<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>功能展示页面</title>
</head>
<script type="text/javascript">
$(function() {
	//功能展示
	$("#tt").tree({
		url:'fun',
		onLoadSuccess: function(node,data){
			$('#tt').tree('expandAll'); 
		},
		
		
	//信息展示	
	onClick: function(node){
		
		if(node.attributes.furl){
			if($("#tabctent").tabs('exists',node.text)){
				$("#tabctent").tabs('select',node.text)
			}else{
				
				$("#tabctent").tabs('add',{
					title:node.text,
					content:"<iframe  frameborder='no' width='100%' height='100%' src="+ node.attributes.furl +" ></iframe>",
					closable:true		
				});
			}}		
	}
	})
})

</script>

<body class="easyui-layout">   
<!-- 顶部 -->
    <div data-options="region:'north',split:true" style="height:130px; " >
    	<div >
   			<p style="font-size: 30px;color: #f8f8f8" >${user.uname},欢迎登录XY物流配送系统</p>
    	</div>
    </div>
<!-- 左侧功能展示 -->       
    <div data-options="region:'west',title:'导航菜单',split:false" style="width:200px; background-color: #f8f8f8">
    <ul id="tt">   
    <!-- Javascript加载tree数据  -->
    </ul>   
    </div>
<!-- 中间功能实现 -->  
    <div  data-options="region:'center'" style="padding:5px;background:">
    <div id="tabctent" class="easyui-tabs" data-options="fit:true">
        
    </div>
    </div>   
</body>
</html>